﻿<template>
  <div class="common_card">

    <!--common card e-->
    <common_card_header :first="obj.card_header_f" :sec="obj.card_header_sec"></common_card_header>
    <card_w :top="obj.card_sec_msg_t" :bot="obj.card_sec_msg_b" @get_file="get_file"></card_w>
    <sel_w  :sel_w_data="obj.sel_w_data"></sel_w>
    <div class="input_card_bottom clearfix">
      <img src="../../../static/img/ck_content.jpg" alt="" class="ck_c f_l">
      <div class="step next_step" v-on:click="next_step">
        下一步
      </div>
      <div class="step pre_step" v-on:click="pre_step">
        上一步
      </div>
    </div>
    <!--common card s-->

  </div>
</template>

<script>
  import {mapState, mapMutations,mapActions,mapGetters} from 'vuex';
  import common from "../../common/common.js";
  import filter from "../../filter/filter.js";
  import common_card_header from "./common_card_header.vue" ;
  import card_w from "./common_card_w.vue";
  import sel_w from "./common_card_sel.vue"
  import { Indicator } from 'mint-ui';
  //limit_Scroll
export default {
  name: 'hello',
  data () {
    return {
        file:''
//        card_header_f:"给冒险者的",
//        card_header_sec:"礼物",
//        card_sec_msg_t:'您可以把您觉得好或者漂亮的东西当成<span class="change_c">礼物</span>送给“查看您的冒险卡”的<span class="change_c">冒险者</span>',
//        card_sec_msg_b:'请选择下面的内容再添加图片',
//        sel_w_data:'例如：这是我收藏的图片，当成礼物送给你,愿你喜欢~',
//        fade:true
    }
  },
  ...mapActions([
    "thom_redirect",

  ]),

  ...mapMutations([
     "Change_certain_layer"
  ]),
  mounted: function () {


  },
  methods: {
    next_step:function () {
      let formData = new FormData();

      formData.append("file",this.file );
      this.$t_Indicator = Indicator;
      common.up_load_file(this,formData,()=>{
        this.$emit("next")
      });


    },
    pre_step:function () {
        this.$emit("pre")
    },
    get_file:function (e) {
        console.log(e)
      this.file = e
    }

  },
  components: {
    common_card_header,
    card_w,
    sel_w
  },
  props:["obj"]
}
</script>
<style scoped lang="scss">
  @import "../sass/common_card.scss";
  @import "../sass/ani.scss";
  .select_span{
    line-height: tovw(40);
  }
  .change_c{
    color:#f06514;
  }


</style>
